import styled from 'styled-components'

export const LtMenuWrapper = styled.div`
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;

  .left {
    font-size: 12px;
    padding: 5px;
    margin-right: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: var(--bgColorBottom);

    .icon {
      color: var(--fontColorBottom);
    }

    img {
      width: 25px;
      height: 25px;
    }
    .active_icon {
      color: var(--main-color);
    }
  }
  .right {
    width: 115px;
    font-size: 14px;
    .title {
      color: var(--fontColorBottom);
      &:hover {
        color: var(--fontColorTop);
      }
    }
    .active_text {
      color: var(--main-color);
    }
  }
`
